<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Language" content="en" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<script type="text/javascript" src="../jquery.ui-1.5.2/jquery-1.2.6.js"></script>
	<script type="text/javascript" src="../jquery.ui-1.5.2/ui/jquery.ui.all.js"></script>

	<script type="text/javascript" src="jquery.xWindow.js"></script>
	<script type="text/javascript" src="jquery.xWindow.dialog.ext.js"></script>	
	<script type="text/javascript" src="jquery.filemanager.js"></script>	
	<script type="text/javascript" src="jquery.bgiframe.js"></script>	

	<link rel="stylesheet" href="jquery.shadowBox.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="jquery.xWindow.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="jquery.filemanager.css" type="text/css" media="screen" />

<style>

	#box1, #box2{
		display: none;
	}

	html{
	}

	
	.scrollbarstest{
		display: none;
		margin-left: 500px;
		width: 200px;
		height: 300px;
		overflow: auto
	}
	.scrollbars-fix{
		background: black;
		border: 1px solid #000;
		width: 100%;
		height: 100%;
		position: relative;
		display: none;
	}


</style>

</head>
<body>
<button type="submit" id="create1">Create1</button>
<button type="submit" onclick="$('#box1').xWindow('destroy');">Destroy1</button>
<button type="submit" onclick="$('#box1').xWindow('hide');">Hide1</button>
<button type="submit" onclick="$('#box1').xWindow('show');">Show1</button>
<button type="submit" onclick="$('#box1').xWindow('select');">Select 1</button>
<button type="submit" onclick="$('#box1').xWindow('title','tes test test');">Set Title 1</button>
<button type="submit" onclick="$('#box1').xWindow('title', function(title){alert(title)});">Get Title 1</button>
<button type="submit" onclick="$('#box1').xWindow('status','function(status){alert(status)}')">Get status</button>
<button type="submit" onclick="$('#box1').xWindow('status','new status')">Set status</button>
<button type="submit" onclick="$('#box1').xWindow('position','function(pos){log(this);log(pos)}')">Get position</button>
<button type="submit" onclick="$('#box1').xWindow('position',{top: 20, left: 20})">Set position</button>
<button type="submit" onclick="$('#box1').xWindow('size',function(size){log(size)})">Get size</button>
<button type="submit" onclick="$('#box1').xWindow('size',{width: 400, height: 600})">Set size</button>

<br />
<button type="submit" id="create2">Create2</button>
<button type="submit" onclick="$('#box2').xWindow('destroy');">Destroy2</button>
<button type="submit" onclick="$('#box2').xWindow('hide');">Hide 2</button>
<button type="submit" onclick="$('#box2').xWindow('show');">Show 2</button>
<button type="submit" onclick="$('#box2').xWindow('select');">Select 2</button>
<button type="submit" onclick="$('#box2').xWindow('buttonEnabled', 'abort', true);">Enable Button "Abort" </button>
<button type="submit" onclick="$('#box2').xWindow('buttonEnabled', 'abort');">Disable Button "Abort" </button>

<br />
<button type="submit" id="create3">Create3 Alert (Monolog)</button>
<button type="submit" id="create6">Create6 Bubble (Monolog)</button>
<button type="submit" id="create8">Create8 Humanized Message (Monolog)</button>

<br />
<button type="submit" id="create5">Create5 Confirm (Dialog)</button>
<button type="submit" id="create7">Create7 Prompt (Dialog)</button>


<div id="box1" title="test">
Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.
	<input type="submit" value="test" id="eventtest"/>
</div>



<script type="text/javascript">



function log(data)
{
	typeof console == 'object' ? console.log(data) : alert(data);
};

$(document).ready(function(){

	var content = 'Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.Dolositas Huic quod Sis canalis quam nam fio Insidiae, si pax Cupido, ut Tergo, ac Cui per quo processus Disputo sui Infucatus leo, ait ops, duo Prodoceo par Verber, nec Uberrime alo Scelestus, res Tellus mei Escensio Mundus, ita liber qui has inconsideratus nauta effrenus, Algor infrunitus, inconcussus Rogo eo non Namucense, commissum, laureatus Scutum, de boo si anhelo Commoneo procellosus sono.';
	var elements = 
	[
		{
			id: "item1",
			name: "item1",
			onOpen: function(obj,id){
				obj.open([id]);
			},
			elements: [
				{
					id: "item1-1",
					name: "item1-1"
				},
				{
					id: "item1-2",
					name: "item1-2"
				}
				
			]
		},
		{
			id: "item2",
			name: "item2",
			folder: true
		},
		{
			id: "item3",
			name: "item3",
			folder: true
		},
		{
			id: "item4",
			name: "item4",
			folder: true
		}
		
	
	];
	

	$('#create1').click(function(){
		$('#box1').
		xWindow({
			status: "test test test",
			restoreAfterDestroy: true,
			width: 800,
			height: 400,
			modal: true
		}).children('input').click(function(){
			$('#box1').xWindow({
				modal: true
			});
		});
	
	});
		
	$('#eventtest').click(function(){
		alert(123);
	});
	$('#create2').click(function(){
		$('<div id="box2"/>').
		xWindow({
			title: 'Test',
			content: 'Haben Sie noch Fragen?',
			dialog: true,
			statusbar: false,
			height: 100,
			buttons: {
				ok: {
						title: 'Ok',
						onclick: function(self){
							alert("ok clicked");
						}
				},		
				abort: {
					title: 'Abort',
					onclick: function(self){
						alert("abort clicked");
			
					},
					disabled: true
				}
			}
		});
	
	});
	$('#create3').click(function(){
		
		$('<div/>').xWindow(
				"alert",	
				{
					title: "Test3",
					content: "Alles klar? afsdfasdf adsfgafghasfh adfhgdsghsfgha sadfghsdghsd adghsh "
				},
				function(){
					alert("Sehr schön");
				}
		);
	
	
	});		
	$('#create5').click(function(){
		$('<div/>').xWindow(
			'confirm', 
			{
				title: "Alles klar?",
				content: "Alles klar?"
			},
			function(){
				alert("Sehr schön");
			}
		);

	});		
	$('#create7').click(function(){
		
		$('<div/>').xWindow(
			'prompt', 
			{
				title: "Namen Eingabe",
				content:"Bitte geben Sie ihren Namen an:"
			},
			function(val){
				alert(val);
			}
		);

	});		


	$('#create6').click(function(){
		
		$('<div/>').xWindow(
			'bubble', 
			{
				content:"Alles klar?"
			}
		);		
	});		
	
	$('#create8').click(function(){
		
		$('<div/>').xWindow(
			'humanizedMessage',
			{
				content:"Die von Ihnen gewählte Dateien wurden erfolgreich gelöscht :)"
			}
		);
	});		
		
	




});
</script>
</body>
</html>
